<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<!--登录成功首页面-->

<head  th:replace="admin/_fragments :: head(~{::title})">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>博客管理</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
    <link rel="stylesheet" href="../../static/css/me.css">
</head>
<body>

<!--导航-->
<nav th:replace="admin/_fragments :: menu(0)" class="ui inverted attached segment m-padded-tb-mini m-shadow-small" >
    <div class="ui container">
        <div class="ui inverted secondary stackable menu">
            <h2 class="ui teal header item">管理后台</h2>
            <a href="#" class="active m-item item m-mobile-hide"><i class=" home icon "></i>博客</a>
            <a href="#" class=" m-item item m-mobile-hide"><i class=" idea icon"></i>分类</a>
            <a href="#" class="m-item item m-mobile-hide"><i class=" tags icon"></i>标签</a>
            <div class="right m-item m-mobile-hide menu">
                <div class="ui dropdown  item">
                    <div class="text">
                        <img class="ui avatar image" src="../../static/images/tou%20xiang.jpg">
                        林耀东
                    </div>
                    <i class="dropdown icon"></i>
                    <div class="menu">
                        <a href="#" th:href="@{/admin/logout}" class="item">注销</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <a href="#" class="ui menu toggle black icon button m-right-top m-mobile-show">
        <i class="sidebar icon"></i>
    </a>
</nav>



    <!--中间内容-->
    <div class="m-container-small m-padded-tb-big">
        <div class="ui container">
            <div class="ui success large message">
                <h3>Hi</h3>
                <p>林耀东，欢迎登录</p>
            </div>

            <img src="../../static/images/indexbg.jpg" width="1000" height="800"  th:src="@{/images/indexbg.jpg}"  alt="" class="ui rounded bordered fluid image">
        </div>
    </div>


    <!--底部footer-->
    <footer th:replace="admin/_fragments :: footer" class="ui inverted vertical segment m-padded-tb-massive">  <!--m-padded-tb-massive  自定义底部宽度-->
        <div class="ui center aligned container">
            <div class="ui inverted divided stackable grid">  <!--布局 列-->   <!--divided 列分割线-->
                <div class="three wide column">
                    <div class="ui inverted link list">
                        <div class="item">
                            <img src="../../static/images/wechat.jpg" th:src="@{/images/wechat.jpg}"  class="ui rounded image" alt="" style="width: 120px">   <!--设置底部微信二维码-->
                        </div>
                    </div>
                </div>

                <div class="three wide column">
                    <h4 class="ui inverted header m-text-thin m-text-spaced ">最新博客</h4>
                    <div class="ui inverted link list">
                        <a href="#" class="item">Java面试最热八股文</a>
                        <a href="#" class="item">Java基础过一遍</a>
                        <a href="#" class="item">SpringBoot的常用组件</a>
                    </div>
                </div>

                <div class="three wide column">
                    <h4 class="ui inverted header m-text-thin m-text-spaced ">联系我</h4>
                    <div class="ui inverted link list">
                        <a href="#" class="item">Email：940951719@qq.com</a>
                        <a href="#" class="item">QQ：940951719</a>
                        <a href="#" class="item">Wechat：Lyd_2166</a>
                    </div>
                </div>

                <div class="seven wide column">
                    <h4 class="ui inverted header m-text-thin m-text-spaced ">LinYD</h4>
                    <p class="m-text-thin m-text-spaced m-opacity-mini">这是我的个人博客，用来分享我的一些编程学习笔记和心得等内容，希望这些内容对看到的人有所帮助</p>

                </div>

            </div>
            <div class="ui inverted section divider"></div>   <!--底部分割线-->
            <p class="m-text-thin m-text-spaced m-opacity-mini">Copyright@2022-2023 LinYD Designed by LinYD</p>
        </div>

    </footer>

<!--/*/<th:block th:replace="_fragments :: script">/*/-->
<script src="https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.js"></script>
<!--/*/</th:block>/*/-->

    <!--点击事件，在手机端点击按钮后显示原本隐藏的目录-->
    <script>
        $('.menu.toggle').click(function (){
           $('.m-item').toggleClass('m-mobile-hide');
        });
        $('.ui.dropdown').dropdown();


    </script>
</body>
</html>